// button 样式覆盖
.el-button {
  padding: 0.8rem 1.5rem;
  border-color: #D7DAE2;
  background: #fff;
  color: #303133;
  line-height: 1;
  min-height: 3.2rem;

  span {
    display: inline-flex;
    align-items: center;
    font-size: 1.4rem;

    i {
      font-size: 1.4rem;
      margin-right: 0.5rem;
    }
  }

  &:hover,
  &:focus {
    background: #5270F2;
    border-color: #5270F2;
    color: #FFF;
  }

  &:focus-visible {
    outline: 0;
  }

  //加长
  &.full {
    width: 100%;
  }

  &.el-button--primary {
    background: #3F61F1;
    border-color: #3F61F1;
    color: #FFF;

    &:hover,
    &:focus {
      border-color: #5676FF;
      background: #5676FF;
      color: #fff;
    }
  }


  &.el-button--small {
    height: 1.8rem;
    min-height: 1.8rem;
  }

  &.el-button--large {
    min-width: 8rem;
    height: 4rem;
    min-height: 4rem;
  }

  //禁用按钮
  &.is-disabled {
    background: #ddd;
    border-color: #ddd;
    color: #FFF;

    &:hover,
    &:focus {
      background: #ddd;
      border-color: #ddd;
      color: #FFF;
    }
  }
}